body {
  border: 0;
  margin: 0;
}

.button {
  width: 400px;
  height: 200px;
  color: green;
}

.hlc {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.hlsb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.hls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.vls {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.vlc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vlsb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

$txt-bg-color: red;

.every-day-welfare {
  font-size: 16px;
  color: $txt-bg-color;
  background-color: #f2f2f2;
  width: 100%;
  height: 40px;
  vertical-align: middle;
  padding-left: 10px;
  @extend .vlc;
}

.banner {
  width: 100%;
  height: 240px;
}

.padding10 {
  padding: 10px;
}
